<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .class {
            color: red;
        }
    </style>
</head>

<body class="class">
    <!-- <h1>hello</h1> -->

    <script>

        // 
        document.write('<h1>hello</h1>');


        // 1 变量的使用   在内存中取一块空间  存储一个数据，后续可以改变这个数据
        // 2 过程  第一次的使用，声明一块空间   以后就是直接使用



        // 变量的命名规则
        //    数字，字母，下划线，$ 符号构成
        //    数字不能开头
        //    不能使用关键字和保留字
        //    建议：语义化，驼峰，下划线组合，小写


        // 关键字：在js中具有特殊意义的词    var  if  else  for ....
        // 保留字：将来可能有特殊意义    class  ...     

        // alert(16);

        // alert(17);

        // alert(18);


        // 1 声明一块空间,娶一个名字  --- 命名要求
        // var class1;
        // var _class;
        // // var if;
        // var nianLing;   // 驼峰 ， 
        // var nian_ling;
        // var _age;
        // var _width;

        // var Age;   // 不建议大写
        var age;

        // 2 存储值
        age = 16;  // 赋值：把等号右边的值给左边    变量age在存储16这个值   不是相等的意思
        alert(age);   // 输出变量的时候，不能加引号   实际上输出的是这个变量存储的值

        // alert(hi);   // 报错 xxx is not defined  --- 变量一定要声明

        age = 17;
        alert(age);

    </script>

</body>

</html>